<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>


<!-- 引入基础的css和js -->

<!--<link href="../assets/plugins/icheck/skins/all.css?v=1.0.2" rel="stylesheet">-->
<link href="../assets/plugins/icheck/skins/square/blue.css" rel="stylesheet" id="skin">
<link  id="theme" rel="stylesheet">
<link rel="import" href="../material/import.html" id="import"/>

<script src="../assets/lib/zepto.js"></script>
	<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
	<!-- 引入组件库 -->
	<script src="https://unpkg.com/element-ui/lib/index.js"></script>

<script>
var permissionType={
	add:"buscompany:save",update:"buscompany:update",delete:"buscompany:delete",
	submit:"buscompany:submit",auditpass:"buscompany:auditpass",auditnopass:"buscompany:auditnopass"	
};
</script>

<!--<style>
	.search-collapse, .select-table {
		width: 100%;
		background: #fff;
		border-radius: 5px;
		padding-top: 5px;
	}

	body {
		background-color: #fff0;
	}

	.fixed-table-body {
		background: #eaf1f5;
	}

	.btn-primary {
		background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #26c6da), color-stop(1, #428bca));
	}

	.btn-success {
		background-color: #1c84c6;
		border-color: #1c84c6;
		color: #FFFFFF;
	}

	.btn-primary, .btn-primary.disabled {
		-webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
		box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
		-webkit-transition: 0.2s ease-in;
		-o-transition: 0.2s ease-in;
		transition: 0.2s ease-in;
	}

	.search-display{
		display:none;
	}


</style>-->
</head>
<script>




	//console.log(22222);
    $(function(){

        $("#file-4").fileinput({
            theme: 'fas',
            uploadExtraData: {kvId: '10'}
        });
        $(".btn-warning").on('click', function () {
            var $el = $("#file-4");
            if ($el.attr('disabled')) {
                $el.fileinput('enable');
            } else {
                $el.fileinput('disable');
            }
        });
        $(".btn-info").on('click', function () {
            $("#file-4").fileinput('refresh', {previewClass: 'bg-info'});
        });



        /*$('input').iCheck({
            checkboxClass: 'icheckbox_square-red',
            radioClass: 'iradio_square-red',
            increaseArea: '90%' // optional
        });*/
       /* console.log($(window).height());
        $("#app").slimScroll({
            height: $(window).height(), //可滚动区域高度
            size: '3px', //滚动条宽度，即组件宽度
        });*/
       console.log(baseData);

        //$("#wizard").steps({autoFocus: true});
        $("input").on("input propertychange",function(val){
            console.log(333);
        })
        //$("select").bind("click");
    })
</script>
<body>
<div id="app" v-cloak >

    <!-- 列表显示区间 start -->
	<div v-show="showList">


	    <!-- 查询块 start -->
	     <search-component>
                 <search-input v-model="search.companyName" :field="busCompanyField.companyName" ></search-input>
                 <search-input v-model="search.companyId" :field="busCompanyField.companyId" ></search-input>
				 <search-select :field="busCompanyField.status" :list="baseData.busCompanyField" v-model="search.status"></search-select>

			     <search-submit :field="pageData.query" @searchsubmit="query" @reset="reset" @expansion="expansion"></search-submit>

		 </search-component>
	    <!-- 查询块 end -->

		<div class="col-sm-12 search-collapse">
		   <!-- 列表table显示 start -->
			<permission @add="add" @update="update" @del="del" @submit="audit(1)" @auditpass="audit(2)" @auditnopass="audit(3)"></permission>
			<table id="table"></table>
			<!-- 列表table显示end -->
		</div>
	</div>
    <!-- 列表显示区间 end -->
	
	<!-- 编辑内容显示区间 start -->
    <div v-show="!showList" id="editDiv">
	    <!--<defaultform  :title="title" @reload="reload" @submit="saveOrUpdate">
                <myframe-input :field="busCompanyField.companyName" name="companyName" v-model="busCompany.companyName" :placeholder="busCompanyField.companyName" ></myframe-input>
                <myframe-input :field="busCompanyField.companyId" name="companyId" v-model="busCompany.companyId" :placeholder="busCompanyField.companyId" ></myframe-input>
                <select-input :field="busCompanyField.regionId" name="regionId" v-model="busCompany.regionName" 
	        	        :placeholder="busCompanyField.regionId" @assiot="busRegionAssiot"></select-input>
	    </defaultform>-->
		<form id="defaultForm" class="form-horizontal" enctype="multipart/form-data"  @submit.prevent="saveOrUpdate">
			<div class="ibox float-e-margins">
				<div class="ibox-title">
					<h5>新增</h5>
					<div class="ibox-tools">
						<a class="collapse-link" @click="reload"><i class="fa fa-hand-o-left"></i></a>
						<a class="collapse-link">
							<i class="fa fa-chevron-up"></i>
						</a>
						<a><i class="fa fa-trash-o" @click="cleanEdit"></i></a>
					</div>
				</div>
				<div class="ibox-content">

					<defaultform  :title="title" @reload="reload" @submit="saveOrUpdate">

						<el-steps :active="active" simple  style="margin-top: -10px">
							<el-step title="步骤 1" icon="el-icon-edit"></el-step>
							<el-step title="步骤 2" icon="el-icon-upload"></el-step>
							<el-step title="步骤 3" icon="el-icon-picture"></el-step>
						</el-steps>
						<el-button style="margin-top: 12px;" @click="next">下一步</el-button>

						<div class="hr-line-dashed"></div>
						<rojao-input :field="busCompanyField.companyName" name="companyName" v-model="busCompany.companyName" :placeholder="busCompanyField.companyName" ></rojao-input>
						<div class="hr-line-dashed"></div>
						<rojao-input :field="busCompanyField.companyId" name="companyId" v-model="busCompany.companyId" :placeholder="busCompanyField.companyId" ></rojao-input>
						<div class="hr-line-dashed"></div>
						<select-input :field="busCompanyField.regionId" name="regionId" v-model="busCompany.regionName"
									  :placeholder="busCompanyField.regionId" @assiot="busRegionAssiot"></select-input>
						<div class="hr-line-dashed"></div>


						<rojao-radio  name="companyName" :list="baseData.logData" :field="busCompanyField.regionId" v-model="busCompany.list" @ifClicked="add" ></rojao-radio>

						<div class="hr-line-dashed"></div>

						<rojao-checkbox  name="dfadfdf" :list="baseData.logData" :field="busCompanyField.regionId" v-model="busCompany.list" ></rojao-checkbox>

						<div class="hr-line-dashed"></div>

						<rojao-select  name="dfadfdf" :list="baseData.logData" :field="busCompanyField.regionId" v-model="busCompany.list" ></rojao-select>

						<div class="hr-line-dashed"></div>

						<rojao-textarea :field="busCompanyField.companyId" name="companyId" v-model="busCompany.companyId" :placeholder="busCompanyField.companyId" ></rojao-textarea>

						<div class="hr-line-dashed"></div>




						<div class="form-group">
							<div class="col-sm-2 control-label">上传</div>
							<div class="col-sm-6">
								<input id="file-4" type="file" class="file" data-upload-url="#" data-theme="fas">
							</div>
						</div>


					</defaultform>




				</div>

			</div>
		</form>


	</div>
	<!-- 编辑内容显示区间 end -->	    
</div>

<script src="../bus/js/buscompany.js"></script>
</body>
</html>